<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>zcool</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="wrap">
    
    <div class="top">
        <div class="top-left">
            <h3>ZCOOL</h3>
            <span>站酷</span>
        </div>
        <div class="top-mid">
            <ul>
                <li>首页</li>
                <li>发现</li>
                <li>同城</li>
                <li>职位</li>
                <li>活动</li>
                <li>正版素材</li>
                <li>课程</li>
                <img src="img/gengduo.png" alt="">
            </ul>
            <img src="img/gengduo.png" alt="">
        </div>
        <div class="top-right">
            <p>登录&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;注册</p>
            <img src="../img/icon/shangchuan.png" alt="">
            <img src="../img/icon/sousuo.png" alt="">
    </div>
</div>
<!-- banner -->
<div id="banner">
    <div class="banner_top">
        <img src="../img/photo/head.jpg">
    </div>
    <div class="banner_mid">
        <img src="../img/photo/head1.jpg">
        <img src="../img/photo/head2.jpg">
        <img src="../img/photo/head3.jpg">
        <img src="../img/photo/head4.jpg">
        <img src="../img/photo/head5.jpg">
    </div>
</div>


</div>
    
    
</body>
</html>